<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <title>Example 1 - Title Screen</title>
    <script>
      // Javascript code goes here
	window.onload = function() {
		var canvas = document.getElementById('game');
		// Force canvas to dynamically change its size to
		// the same width/height as the browser window
		canvas.width = document.body.clientWidth;
		canvas.height = document.body.clientHeight;
		var c = canvas.getContext('2d');
		// Fill the screen with a black background
		c.fillStyle = '#000000';
		c.fillRect(0, 0, canvas.width, canvas.height);
		var phrase = "Click or tap the screen to start the game";
		c.font = 'bold 16px Arial, sans-serif';
		c.fillStyle = '#FFFFFF';
		c.fillText(phrase, 10, 30);
	}
	</script>
    <style type="text/css" media="screen">
      html { height: 100%; overflow: hidden }
     body {
        margin: 0px;
        padding: 0px;
        height: 100%;
      }
    </style>
  </head>
  <body>
    <canvas id="game" width="100" height="100">
      Your browser doesn't include support for the canvas tag.
    </canvas>
    <hgroup>
  <h3>The Diamond Age</h3>
  <h4>or A Young Lady's
Illustrated Primer</h4>
</hgroup>
  </body>
</html>